<template>
  <div>
    <h1 id="title">Dashboard</h1>
    <div id="div1">
      <TodoCalendar/>
    </div>
    <div id="div2">
      <TodoContent/>
    </div>
  </div>
</template>

<script>
import TodoCalendar from "@/components/person/todo/TodoCalendar";
import TodoContent from "@/components/person/todo/TodoContent";

export default {
  name: "TodoIndex",
  components: {
    TodoCalendar,
    TodoContent
  },
  mounted() {
  }
}
</script>

<style scoped>
#title {
  margin-bottom: 10px;
}

#div1 {
}

#div2 {
}
</style>